<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="format-detection" content="telephone=no, address=no, email=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
    <title>巨桃游娱</title>

    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header"  th:content="${_csrf.headerName}"/>

    <link rel="icon" type="image/x-icon" th:href="@{'/static/favicon.ico'}">
    <link rel="stylesheet" type="text/css" th:href="@{'/static/m/css/bootstrap.min.css?v=0.1'}">
    <link rel="stylesheet" type="text/css" th:href="@{'/static/m/fonts/iconfont.css?v=0.1'}"/>

    <link rel="stylesheet" type="text/css" th:href="@{'/static/m/css/style.css?v=0.2'}"/>

    <script th:inline="javascript">
        var ctx = [[${#request.getAttribute('ctx')}]];
        var uploadServer = [[${#request.getAttribute('uploadServer')}]];
        var isLogin = [[${#authentication.principal ne 'anonymousUser'}]];
    </script>
</head>

<body th:fragment="body(footType, headType, headTitle)">

<!-- 公用头部 1类, 带有菜单 -->
<div class="headwrap" th:if="${headType eq 'head-with-menu'}">
    <div class="head-top clearfix">
        <div class="logo">
            <a th:href="@{/}">
                <img th:src="${#request.getAttribute('ctx') + '/static/m/img/logo.png'}"/>
            </a>
        </div>
    </div>
    <div class="head-nav">
        <ul>
            <li data-item="index">
                <a th:href="@{/}">
                    首页
                    <em></em>
                </a>
            </li>
            <li data-item="custom">
                <a th:href="@{/private}">
                    定制
                    <em></em>
                </a>
            </li>
            <li data-item="work">
                <a th:href="@{'/production?type=work'}">
                    工作
                    <em></em>
                </a>
            </li>
            <li data-item="lover">
                <a th:href="@{'/production?type=lover'}">
                    婚恋
                    <em></em>
                </a>
            </li>
            <li data-item="celebrity">
                <a th:href="@{'/production?type=celebrity'}">
                    网红
                    <em></em>
                </a>
            </li>
            <li data-item="promotional">
                <a th:href="@{'/production?type=promotional'}">
                    宣传片
                    <em></em>
                </a>
            </li>
        </ul>
    </div>
</div>

<!--公用头部 2类, 无菜单, 有返回按钮-->
<div class="headwrap" th:if="${headType eq 'head-no-menu'}">
    <div class="head-top clearfix">
        <div class="logo">
            <a th:href="@{/}">
                <img th:src="@{/static/m/img/logo.png}"/>
            </a>
        </div>
        <div class="btn-nav">
            <a th:href="@{/}"><i></i></a>
        </div>
    </div>
    <div class="order-title">
        <i class="iconfont icon-zuojiantou" onclick="window.history.back(-1);"></i>
        <h2 th:text="${headTitle}"></h2>
    </div>
</div>

<!--公用头部 3类, 无菜单, 有返回按钮, 返回个人中心-->
<div class="headwrap" th:if="${headType eq 'head-to-personal'}">
    <div class="head-top clearfix">
        <div class="logo">
            <a th:href="@{/}">
                <img th:src="@{/static/m/img/logo.png}"/>
            </a>
        </div>
        <div class="btn-nav">
            <a th:href="@{/}"><i></i></a>
        </div>
    </div>
    <div class="order-title">
        <a th:href="@{/personal}"><i class="iconfont icon-zuojiantou"></i></a>
        <h2 th:text="${headTitle}"></h2>
    </div>
</div>

<!--公用头部 4类, 仅有标题-->
<div class="headwrap" th:if="${headType eq 'head-nothing'}">
    <div class="head-top clearfix">
        <div class="logo">
            <a th:href="@{/}">
                <img th:src="@{/static/m/img/logo.png}"/>
            </a>
        </div>
        <div class="btn-nav">
            <a th:href="@{/}"><i></i></a>
        </div>
    </div>
    <div class="order-title">
        <h2 th:text="${headTitle}"></h2>
    </div>
</div>

<!--轮播图-->
<div class="banner" th:hidden="${footType eq 'banner.hidden'}">
    <div id="focus">
        <div class="bd">
            <ul>
                <li><a href="javascript:;"><img src="http://img.lua-lu.com/lua/bannerbanner-mobile-20190118.jpg"></a></li>
                <!--<li><a href="javascript:;"><img th:src="${#request.getAttribute('ctx') + '/static/m/img/banner/banner-mobile-20190118.jpg'}"></a></li>
                <li><a href="javascript:;"><img th:src="${#request.getAttribute('ctx') + '/static/m/img/banner/banner-mobile-20190118.jpg'}"></a></li>-->
            </ul>
        </div>
        <div class="hd">
            <ul class="clearfix">
                <li class="on"></li>
                <!--<li></li>
                <li></li>-->
            </ul>
        </div>
    </div>
</div>

</body>
</html>